<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="Keywords" content="优茶">
    <meta name="description" content="优茶">
    <title>优茶-用户中心</title>
    <link rel="stylesheet" type="text/css" href="../css/pluginsExt/userCenter/reset.css">
    <link rel="stylesheet" type="text/css" href="../../resources/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../resources/css/plugins/bootstrap-table/bootstrap-table.css">
    <link rel="stylesheet" type="text/css" href="../css/pluginsExt/userCenter/global.css">
    <link rel="stylesheet" type="text/css" href="../css/pluginsExt/userCenter/userCom.css">
    <link rel="stylesheet" type="text/css" href="../css/pluginsExt/userCenter/user.css">
    <link rel="stylesheet" href="../css/pluginsExt/userCenter/checkIn.css"/>
</head>
<body>
    <!-- 用户中心 -->
    <div class="shop-header">
        <div class="wrapper clearfix">
            <ul class="fl clearfix shopNav">
                <li><a href="tea-index.html">优茶首页</a></li>
                <li><a href="javascript:void(0);">茶叶</a></li>
                <li><a href="javascript:void(0);">茶器</a></li>
                <li><a href="javascript:void(0);">茶点</a></li>
                <li><a href="javascript:void(0);">杂志</a></li>
                <li><a href="javascript:void(0);">考级</a></li>
            </ul>
            <!-- 已登录时，不显示登录及注册 -->
            <div class="fr login">
                <a href="javascript:void(0);">登录</a>
                <span class="marLR10">|</span>
                <a href="javascript:void(0);">注册</a>
            </div>
            <!-- end -->
            <div class="fr">
                <a href="javascript:void(0);" class="h-head"><img src="../img/userCenter/ico/h-head.png"><span>用户中心</span></a>
                <a href="javascript:void(0);" class="h-car"><img src="img/userCenter//ico/h-car.png"><span>购物车</span></a>
            </div>
        </div>
    </div>
    <!--用户中心 头部-->
    <div class="userTop" style="background:url(../img/userCenter/user_bg.jpg) no-repeat center">
        <span class="welcome">欢迎来到<em>优茶</em>用户中心</span>
    </div>
    <div class="wrapper user_head">
        <img src="../img/userCenter/test/sp.jpg" class="borderRadius" />
    </div>

    <div class="wrapper clearfix user_content">
        <!-- 左边栏 -->
        <ul class="fl userSide">
            <li class="on"><a href="javascript:void(0);" class="icon u-sign">我的积分</a></li>
            <li><a href="javascript:void(0);" class="icon u-car">购物车</a></li>
            <li><a href="javascript:void(0);" class="icon u-order">订单</a></li>
            <li><a href="javascript:void(0);" class="icon u-addr">收货地址</a></li>
            <li><a href="javascript:void(0);" class="icon u-card">优惠券</a></li>
            <li><a href="javascript:void(0);" class="icon u-coll">收藏/关注</a></li>
            <li><a href="tea-userSet.html" class="icon u-set">个人设置</a></li>
        </ul>

        <div class="fr rightBox"  style="overflow-x: hidden">
            <h2 class="marB5 font14 color60 userTit">我的积分</h2>
            <ul class="clearfix nav_tab order_tab">
                <li class="on"><a href="javascript:void(0)" title="基本信息">积分明细</a></li>
                <li><a href="javascript:void(0)" title="账户安全">收入积分</a></li>
                <li><a href="javascript:void(0)" title="修改头像">支出积分</a></li>
            </ul>
            <div class="all_order whiteBg">
                <div class="tabCont j_scroll">
                    <div class="tabcont">
                        <span class="myIntegral">我的积分：<b class="integral">2,000</b></span>
                        <select name="" id="" class="fr">
                            <option value="11">近三月积分记录</option>
                            <option value="11">近一年积分记录</option>
                        </select>
                        <br>
                        <br>
                        <table id="tableSort"    data-classes="table table-no-bordered">

                         </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 底部 -->
    <div class="cooperation">

    </div>
</body>
<script src="../../resources/js/jquery-2.1.1.js"></script>
<script src="../../resources/js/bootstrap/bootstrap.min.js"></script>
<script src="../../resources/js/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../../resources/js/plugins/bootstrap-table/bootstrap-table-zh-CN.js"></script>
<script src="../js/pluginsExt/userCenter/userIntegral.js"></script>
<script src="../js/pluginsExt/footer/All-footer.js"></script>
</html>